import bg from "./assets/3820.svg";

export default defineComponent({
	name: "Module",
	props: { title: String },
	setup(props: { title: string }, { slots }) {
		console.log(props.title);
		return () => (
			<div>
				<div className={"w-full h-full box-border p-2 text-white flex flex-col"}>
					<div
						className={"w-full h-[46px] flex flex-col justify-center"}
						style={{ background: `url('${bg}') no-repeat`, "background-size": "100% 100%" }}
					>
						<div className={"ml-12 text-white w-fit h-fit text-lg"}>{props.title}</div>
					</div>
					<div className={"mt-3 ml-5 flex-1 bg-[#13CEBF09] box-border p-2 pb-0"}>{slots.default?.()}</div>
				</div>
			</div>
		);
	}
});
